<template>
	<a-space class="external_links" direction="vertical" :size="10" fill>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
		<a-link href="link"><img src="~@/assets/images/bg_portal.jpg" alt="" /></a-link>
	</a-space>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.external_links {
	margin-top: 16px;
	.arco-link {
		display: block;
		padding: 0;
	}
	img {
		display: block;
		width: 100%;
		height: 72px;
		object-fit: cover;
		border-radius: 4px;
	}
}
</style>
